<template>
  <div>
    <imgSearch/>
    <div class="test-body">
      <p style="line-height: 48px;color: #c5cbd8;font-size: 23px">h5游戏</p>
      <gamelist :gamelistdata="h5gamelistdata"/>
      <p style="line-height: 48px;color: #c5cbd8;font-size: 23px">单机游戏</p>
      <gamelist :gamelistdata="exegamelistdata"/>
    </div>

  </div>
</template>

<script>
  import gamelist from "./gamelist/gamelist.vue";
  import imgSearch from "./img-search.vue";
  import { gethdata,getedata } from "../../api/getjson";
  export default {
    data(){
      return {
        h5gamelistdata: [],
        exegamelistdata:[]
      }
    },
    components:{
      gamelist,
      imgSearch
    },
    created() {
      gethdata().then(value => {
        this.h5gamelistdata = value.data
        console.log(value.data)
      })
      getedata().then(value => {
        this.exegamelistdata = value.data
        console.log(value.data)
      })
    },
    methods:{

    }
  }
</script>

<style scoped>
.test-body{
  width: 1500px;
  margin: 0 auto;
}
</style>
